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INTRODUCAO 


Com o passar dos anos, a linguagem JavaScript tem ganho cada vez mais importancia. De 
linguagem secundaria, usada apenas no desenvolvimento de animates para paginas 
HTML e que muitas vezes era confundida com a linguagem Java, passou a ser uma das 
linguagens mais usadas no mundo, capaz de abranger diversas areas, que vao desde a 
cria^ao de paginas \Neh ate a administra^ao de maquinas com diferentes sistemas 
operativos. Portanto, nos dias que correm, nao ha duvldas quanto a importancia da 
linguagem, pelo que o conhecimento das suas funcionalidades e uma mais-valia no 
currkulo de qualquer programador. 


0.1 O QUE POSSO ENCONTRAR NESTE LIVRO? 

Neste livro, sao apresentadas as principals carateristicas e funcionalidades da 
versao 6 da linguagem JavaScript. A nova versao da especifica^ao introduz varias 
novidades, que englobam funcionalidades de varias areas distintas, Para alem de novos 
objetos e de novos metodos que foram adicionados aos objetos existentes, a nova versao 
da linguagem introduz ainda varias novidades ao ntvel da sintaxe (ex.: definifao e 
classes) que contribuem para simplificar a escrita de codigo e aumentar a produtividade 
do programador. 


0.2 REQUISITOS 

O livro foi escrito para permitir que a aprendizagem das novas funcionalidades 
da linguagem possa ser feita sem que o leitor tenha de usar um computador. A 
reprodu^ao dos excertos de codigo pode obrigar a alguns passos extra que sao descritos 
no Capftulo 1. Como e referido nesse capitulo, esses passos sao temporaries, ja que se 
espera que os browsers atualizem rapidamente os seus motores de runtime de JavaScript 
apos a publica^ao da versao final da especificagao (efetuada durante o mes de junho de 
2015). Portanto, existe mesmo a possibilidade de nao ser necessario efetuar qualquer 
configuragao extra para reproduzir os excertos de codigo apresentados no livro. 
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0.3 A QUEM SE DIRIGE ESTE LIVRO? 

Este livro e dirigido a todos aqueles que pretendem colocar-se rapidamente a par 
de todas as novidades introduzidas pela versao 6 do JavaScript. O livro parte do 
pressuposto de que o leitor ja tem alguns conhecimentos e experiencia na escrita de 
codigo nesta linguagem, pelo que nao sao apresentadas quaisquer nogoes basicas ou de 
introdugao. 

For tan to, estamos per ante um livro que se concentra apenas nas varias (e 
interessantes!) novidades introduzidas pela especificagao Harmony e que complementa as 
informagoes introduzidas pelo livro JavaScript (tambem publicado pela FCA). 


0.4 CONVENgOES 

Ao longo deste livro, optou-se por seguir um conjunto de convengoes que 
facilitam a interpretagao do texto e do codigo apresentados. Assim, todos os excertos de 
codigo sao apresentados no formato seguinte: 

let a = 10; 
let b = a + 1; 

Por sua vez, as notas ou observagoes importantes poderao ser encontradas no 
interior de uma secgao semelhante a seguinte: 

Nota importante 

Esta e uma nota ou observagao importante. 



0.5 ORGANIZAgAO DO LIVRO 

Este livro agrupa as varias novidades introduzidas pela nova especificagao em 
oito capitulos, que podem ser lidos sequencialmente ou, se o leitor assim o preferir, 
alternadamente (isto e, sem respeitar a ordem de capitulos apresentada). A leitura nao 
sequencial dos capitulos e possivel, devido ao facto de todas as (poucas) dependencias 
entre capitulos estarem devidamente identificadas. 


0.5.1 CAPITULO 1: HISTORIA E COMPATIBILIDADE 

O principal objetivo deste capitulo e preparar o leitor para as novidades 
introduzidas pela nova versao da especificagao, Para isso, o capitulo comega por 
apresentar uma breve resenha da historia da linguagem, que culminou com a introdugao 
da especificagao Harmony, para, em seguida, se debrugar sobre os eventuais problemas de 
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compatibilidade (e respetivas solugoes) que podem afetar o programador que deseja 
comegar ja a escrever codigo em JavaScript 6. 


0.5.2 CAPITULO 2: CONCEITOS BASICOS 

Este capitulo comega por apresentar o conceito de ambito de bloco associado ao 
uso dos novos termos let e const para, em seguida, ilustrar alguns dos beneficios 
inereates ao uso das novas instrugoes de desestruturagao. O capitulo apresenta air\da as 
varias novidades introduzidas na API (Application Programming Interface) dos objetos 
existentes e termina com a introdugao dos novos tipos Set, Map, WeakSet e WeakMap. 


0.5.3 CAPITULO 3: FUNgOES 

No Capitulo 3, concentramo-nos na analise detalhada de todas as 
funcionalidades associadas a criagao e uso de fungoes. Neste capitulo, discutimos varios 
topicos interessantes como a inicializagao predefinida de parametros, o uso de 
parametros rest ou a utilizagao do operador spread. O capitulo encerra com a apresentagao 
da nova sintaxe de fungoes anonimas: estamos a falar do uso de fungoes arrow. 


0.5.4 CAPITULO 4: OBJETOS E CLASSES 

Depois de apresentarmos o conceito de categoria, concentramo-nos nas 
alteragoes introduzidas na definigao de objetos atraves da sintaxe literal. Para alem destas 
novidades, o capitulo apresenta ainda alguns dos novos metodos adicionados ao objeto 
Ob j ect, antes de encerrar com uma analise detalhada das novidades relacionadas com a 
definigao de classes. 


0.5.5 CAPITULO 5: ITERATORS 

A partir da versao 6, o JavaScript passa a suportar o conceito de iterator e de 
iterable. Este capitulo comega por apresentar as vantagens associadas ao uso deste tipo de 
elementos para, em seguida, analisar todos os detalhes associados a criagao e uso deste 
tipo de elementos em JavaScript. 


0.5.6 CAPITULO 6: SIMBOLOS 

Os simbolos permitem a criagao de membros "privados" num objeto. Na 
realidade, os membros nao sao privados, ja que podem ser acedidos publicamente, mas 
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apenas por quern detenha uma referenda para o simbolo usado na criagao desse 
membro. Neste capftulo, analisamos todas as funcionalidades associadas ao uso de 
simbolos em JavaScript. 


0.5.7 CAPITULO 7; PROGRAMAgAO ASSINCRONA 

Com o langamento do JavaScript 6, o ambiente de runtime passa a disponibilizar 
novas funcionalidades, que simplificam o trabalho do programador na area da 
programagao assincrona. Neste capitulo, vemos como e que o novo tipo Promise e as 
fungoes geradoras podem ser usados para nos abstrair de alguma da complexidade 
inerente a estes cenarios. 


0.5.8 CAPITULO 8: MODULOS 

Os modulos permitem-nos encapsular porgoes de codigo que podem ser 
consumidas por outras aplicagoes. Portanto, estamos perante um conceito muito 
interessante quando necessitamos, por exemplo, de criar novas livrarias que serao usadas 
por outras aplicagoes. Neste ultimo capitulo, comegamos por analisar as varias opgoes 
pre-JavaScript 6 usadas na criagao de modulos para, em seguida, analisarmos 
detalhadamente as novidades introduzidas pela especificagao Harmony nesta area. 


0.6 SUPORTE 

Caso o leitor encontre informagao que lhe parega incorreta ou tenha sugestoes 
em relagao ao conteudo de alguma secgao do livro, nao hesite e envie um email com as 
suas questoes para labreu@gmail.com . Eventuais alteragoes e erratas serao publicadas no 
site da editora, em http://www.fca.pt . 
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= CONCEITOS BASICOS 


Neste capitulo, vamos analisar algumas das novidades relacionadas com o ambito de 
blocos introduzidas pela especifica^ao Harmony, Para alem de novos termos reservados 
que nos permitem definir variaveis e constantes, vamos debru^ar-nos sobre as altera^oes 
efetuadas a API dos objetos predefinidos existentes e analisar detalhadamente os novos 
objetos nativos introduzidos pela especifica^ao. 


2.1 LET 

Ate ao langamento da especificagao Harmony, a definigao de variaveis so podia 
ser feita atraves do uso do termo var: 

var a = 10; //Variavel com numero 10 

As variaveis podem ser globais ou loeais: tudo depende do local onde sao 
declaradas. O conceito de ambito costuma gerar alguma confusao nos programadores 
que se estao a iniciar em JavaScript. Tipicamente, as variaveis criadas em programas 
escritos nas chamadas linguagens da familia C (isto e, com sintaxe baseada na linguagem 
de programagao C) sao introduzidas no local onde sao definidas. Para alem disso, o 
proprio conceito de ambito costuma estar intimamente ligado ao conceito de bloco. 
Contudo, isso nao acontece em JavaScript. Analisemos o exemplo seguinte; 

var idade = 20,- 
if{idade == 30 ){ 

var teste = "Superior a 30!"; 

//teste possui valor 30 

} 

//teste existe, mas esta undefined se condicao if for falsa 

Ao analisarmos o excerto anterior, nao restam grandes duvidas quanto ao facto 
de a variavel idade ser global. O leitor inexperiente pode tambem pensar que a variavel 
teste e apenas local, ja que esta confinada ao interior do bloco associado ao if. 
Infelizmente, este raciodnio esta errado, ja que, em JavaScript, os ambitos sao 
introduzidos por fungdes e nao por blocos delimitados por chavetas ({}). Por outras 
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palavras, ate ao langamento do JavaScript 6, a linguagem nao suportava o conceito de 
ambito de bloco. 

Para alem disso, o JavaScript usa uma tecnica designada por hoisting, que faz 
com que a declaragao de uma variavel seja movida para o topo do ambito onde ela foi 
definida. Portanto, o codigo anterior e transformado pelo ambiente de runtime no 
seguinte, antes de ser executado: 

var idade = 20; 

var teste; //hoisting da variavel... 
if(idade == 30 ){ 

teste = "Superior a 30!"; 

//teste possui valor 30 

} 

//teste existe, mas esta undefined se condicao if for falsa 

Apesar de o hoisting mover a declaragao da variavel para o topo do ambito atual 
(neste caso, para o ambito global), a sua inicializagao continua a ser efetuada no local 
onde o programador a tinha definido. Ao longo dos anos, este comportamento tern 
apanhado varios programadores desprevenidos e tern contribuido para a introdugao de 
varios bugs no codigo. 

Foi a pensar neste tipo de problemas que a especificagao Harmony resolveu 
introduzir o conceito de ambito de bloco e o termo reservado let, que permite controlar 
o tempo de vida de uma variavel de forma mais precisa. A sintaxe do termo let segue as 
mesmas regras do termo var, pelo que, no exemplo anterior, podemos substituir todas as 
ocorrencias do termo var pelo termo let, com a vantagem de que o ambito da variavel 
sera limitado ao bloco onde ela foi definida: 

let idade = 20; 
if{idade 30 ){ 

let teste = "Superior a 30!"; 

//teste possui valor 30 

//tempo de vida limitado ao bloco do if 

} 

//teste nao existe aqui! 

A substituigao do termo var pelo termo reservado let faz com que o programa 
se porte da forma esperada. Assim, a variavel idade continua a ser global (foi definida 
fora de um bloco, no ambito global), mas o tempo de vida da variavel teste passou a 
estar limitado ao bloco da instrugao if. Ou seja, as declaragoes de variaveis definidas 
atraves de let ja nao sao movidas para o topo do ambito atual (como acontece com as 
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definidas a custa do termo var). Na pratica, isfco quer dizer que apenas nos podemos 
referir a uma variavel definida atraves da instrugao let depois de ela ter sido 
efetivamente declarada: 

if{ idade == 30 ){ 

//teste nao existe aquiI!! 
let teste = "Superior a 30!"; 

//teste ja existe aqui! 

} 

//teste nao existe aqui! 

Se tentarmos aceder a variavel teste antes da sua declaragao, obtemos um erro 
ReferenceError , que sinaliza a inexistencia dessa variavel. Este erro continua a ser 
gerado tnesmo quando recorremos ao supostamente "seguro" operador typeof no 
interior do bloco onde essa variavel foi definida: 

if( idade == 30 ){ 

console, log ( typeof teste) //gera erro 
let teste = "Superior a 30!"; 

} 

console.log( typeof teste); //sem erro 


Note-se que esta excegao do tipo Ref erenceError so e gerada no interior do 
bioco onde a variave! foi definida atraves da instrugao let. Fora desse bloco, a excegao 
deixa de ser gerada. 

O conceito de TDZ (tfinporal dead zone) 

O termo TDZ nao e definido oficialmente pela especificagao, mas cost uma ser usado para designar 
a falta de hoisting associada ao uso de instrugoes let. Como a declaragao efetuada com o let nao 
esta sujeita ao hoisting, a variavel teste e colocada numa zona TDZ, onde permanece ate ser 
executada a instrugao de declaragao. O acesso a uma variavel colocada numa TDZ origina sempre a 
geragao de uma excegao em runtime. 

No exemplo anterior, a zona TDZ associada a variavel teste e a porgao de cddigo que vai desde a 
chav eta de abertura do if a declaragao da variavel atraves da instrugao let {port an to, inclui 
apenas a instrugao console.log que, por tentar aceder a uma variavel que esta colocada numa 
TDZ, acaba por levar a geragao de um erro em runtime). 

Nesta altura importa salientar que o conceito de TDZ so e aplicavel no bloco onde a variavel e 
declarada atraves de let. Fora desse bloco, nao existe declaragao de variavel. E por isso que o 
cddigo que recorre ao operador typeof fora da instrugao if nao resulta na geragao de nenhum 
erro de runtime. 



© FCA - Editora de Informatics 






JavaScript 6 


22 


Outro aspeto interessante prende-se com o que acontece quando reutilizamos o 
nome de uma variavel no mesmo bloco. Quando isso acontece, obtemos urn erro de 
sintaxe: 

//ambito global iraplica raesmo bloco 
var a = 0 

let a = 10,- //erro de sintaxe 

Como seria de esperar, este erro nao ocorre quando declaramos a variavel 
atraves da instrugao let no interior de um bloco interno: 

var a = 0; 
if( a == 0){ 

let a = 10; //sem erro 

} 


Neste caso, nao ha nenhum erro, ja que a instrugao let esta a introduzir uma 
nova variavel no interior de um bloco que nao contem nenhuma outra variavel (ou 
constante - mais pormenores na secgao seguinte) com o mesmo nome. Portanto, neste 
caso a variavel a dedarada no interior do bloco esta apenas a esconder a variavel 
homonima definida no ambito-pai. 



Uso no ambito global 


Quando recorremos ao termo let para declarar variaveis globais, existe o perigo de conflito de 
nomes com as propriedades do objeto global do ambiente de runtime. Este perigo pode resultar 
numa excegao em runtime quando estamos perante propriedades definidas nao configuraveis. 


Um dos locais onde o uso de let produz resultados mais "positivos" e na escrita 
de ciclos for, conforme ilustrado no exemplo seguinte: 

for{ let i = 0; i < 10; i++ ) { 

efetuaCalculo(i) ; //efetuar outra operacao importante 

} 


Neste caso, a variavel i e local ao corpo do ciclo for. Apos terminar o ciclo for, o 
ambiente de runtime e obrigado a destrui-la, impedindo, assim, o seu uso fora do bloco 
do ciclo. Note-se que isto nao aconteceria se tivessemos declarado a variavel atraves do 
termo reservado var. Nesta altura, importa ainda referir que o uso deste termo no 
interior do bloco de um ciclo possui um comportamento diferente do que o programador 
experiente em JavaScript poderia esperar. Nestes casos, cada iteragao do ciclo tem acesso 
a sua propria variavel (em vez de termos uma variavel partilhada por todas as iteragoes). 
Este comportamento permite a resolugao de um problema antigo ilustrado no excerto 
seguinte: 

let arr - [] ; 
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//usatnos var para ilustrar o problema n antigo' 1 
for( var i = 0; i < 3; i++ }{ 
arr,push( function(){ console. log (i) - f } ) ; 

} 

Nesta altura, qua! sera o resultado esperado quando, por exemplo, tentamos 
imprimir o primeiro valor armazenado no array arr? 

console.log(arr [0] ());//qual valor impresso? 

Se a resposta do leitor for diferente de 3, entao foi apanhado pela tal armadilha 
que referimos no paragrafo anterior. Este problema e eausado pelo facto de a variavel 1 
ser partilhada pelas varias closures criadas no interior do ciclo. Como todas essas closures 
referenciam a mesma variavel e uma vez que ela possui o valor 3 no final do ciclo, entao 
esse sera o valor impresso pela instrugao anterior (este comportamento nao era, com toda 
a certeza, o desejado, uma vez que a fungao deveria ter escrito o valor 0 no ecra). 

Tipicamente, a solugao para estes problemas passava pela introdugao de um 
parametro, conforme ilustrado no excerto seguinte: 

for( var i = 0; i < 3; i++ ){ 
arr. push( {function(val){ 

return function!){ 

console . log (val) 

} 

}(i) ) ) ; 

} 

No excerto anterior, recorremos a uma fungao que se invoca a si propria para 
copiar o valor da variavel i em cada iteragao. Esta pequena alteragao e suficiente para 
obtermos o resultado correto (arr [0] () passa a imprimir o valor 0). 

Se recorrermos ao termo reservado let, entao este tipo de problemas deixa de 
ocorrer. Isto acontece porque a especificagao indica que o uso da instrugao let no corpo 
de um ciclo for acaba por introduzir uma copia do valor "atual" em cada iteragao. 
Portanto, em vez de usarmos a estrategia apresentada no ultimo excerto, podemos 
reutilizar o primeiro exemplo, substituindo o termo var pelo termo let: 

fort let i = 0; i < 3; i++ ){ 
arr.pushf function(){ console.log(i); } ); 

} 

A introdugao do termo let tern como principal objetivo a substituigao do termo 
var, fazendo, assim, com que o comportamento associado a declaragao de variaveis seja 
mais parecido ao existente nas restantes linguagens da familia C (esta aproximagao tende 
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a facilitar o uso da linguagem por parte dos programadores provenientes do C# ou do 
Java). 

Contudo, e como vimos, o seu uso pode introduzir alguns efeitos secundarios se 
nos limitarmos simplesmente a substituir todas as existencias de var por let devido a 
falta de hoisting que carateriza a declaragao de variaveis definidas atraves do let. 
Portanto, talvez seja boa ideia movermos todas as variaveis para o topo do bloco atual 
antes efetuarmos a substituigao do termo var pelo termo let em aplicagoes escritas 
quando efetuarmos a conversao de codigo existente para JavaScript 6. 


2.2 COM ST 

A especificagao Harmony permite a definigao de constantes atraves do uso do 
termo reservado const. Como seria de esperar, lima constante tem de ser sempre 
inicializada com um determinado valor. Dpois de inicializada, o seu valor nunca pode ser 
alterado. O excerto seguinte ilustra uma declaragao simples de uma constante: 

const MAX = 10; 

A semelhanga do que acontece com as variaveis definidas atraves de let, o ciclo 
de vida das constantes tambem e definido pelo ambito do bloco onde estas sao criadas: 

//OUTRO inexistente 

t 

const OUTRO = 20; 

//OUTRO definido e inicializado 

} 

Se tentarmos criar uma constante com o mesmo nome de outra constante ou 
variavel no mesmo bloco onde ela foi definida, obtemos um erro em runtime : 

var msg = "Ola" ; 

let idade = 20; 

const msg = "Teste"; //ERRO 

const idade = SO;//ERRO 

Se as constantes anteriores nao tivessem sido definidas no mesmo bloco que as 
variaveis, nao teriamos nenhum erro, ja que essas constantes estariam apenas a esconder 
as variaveis definidas no ambito exterior ao atual. 
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2.3 D ES ESTRUTU RAgAO 

A utilizagao de variaveis para armazenamento de valores de propriedades de urn 
objeto e uma das operates mais usuais em JavaScript. Analisemos o exemplo seguinte: 

let pessoa = { 
nome: "Luis 11 , 
morada: "Funchal" 

} ; 

//duas variaveis para aceder a propriedades do objeto pessoa 
let nomePessoa = pessoa.nome, 

moradaPessoa = pessoa.morada; 

Como esta e uma operagao comum, a equipa que escreveu a especificagao 
Harmony optou por introduzir a instrugao de desestruturagao. Esta instrugao encarrega-se 
de percorrer um objeto ou array (recursivamente, se necessario), de forma a guardar os 
valores encontrados em variaveis. O excerto seguinte mostra como podemos recorrer a 
esta funcionalidade para obter os mesmos resultados produzidos pelo excerto anterior: 

let { nome: nomePessoa, morada: moradaPessoa } = pessoa; 

A primeira vista, a sintaxe pode parecer um pouco estranha. 0 objeto usado para 
alimentar as propriedades e sempre atrifouido a expressao de desestruturagao (neste caso, 
pessoa). No que diz respeito a expressao propriamente dita, ela usa uma sintaxe muito 
semelhante a sintaxe literal utilizada para criar objetos (literal objects). Esta expressao 
efetua a correspondence entre propriedade de objeto e variavel (neste caso, a variavel 
nomePessoa deve ser iniciada com o valor da propriedade nome do objeto pessoa). 

A sintaxe anterior pode ser simplificada se as variaveis tiverem os mesmos 
nomes das propriedades. O exemplo seguinte ilustra esta opgao: 

let { nome, morada } = pessoa; 

Esta sintaxe compacta e util quando os nomes das propriedades podem ser 
usados como nomes de variaveis. Como seria de esperar, a desestruturagao tambem pode 
ser aplicada quando estamos perante propriedades complexas: 

let aluno = { 
nome: "Luis", 
codigoPostal: { 

codigo: "9000-000", 
local: "Funchal" 

} 

}; 
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let { nome, codigoPostal: {codigo: cp} } = aluno 

Apos executarmos a instrugao de desestruturagao anterior, acabamos com duas 
variaveis, designadas por nome e cp, que foram inicializadas, respetivamente, com os 
valores "Luis" e "9000-000". Como e obvio, poderemos simplificar a instrugao se nao 
nos importarmos de introduzir duas variaveis designadas por nome e codigo: 

let { nome, codigoPostal: {codigo} } = aluno; 

//nome === "Luis" e codigo === "9000-000" 

A sintaxe de desestruturagao tambem pode ser aplicada a arrays. Nestes casos, 
temos apenas de substituir as chavetas por parentesis retos: 

let numeros = [1, 2, 3] ; 

let [prim, seg, terj = numeros; 

Apos executarmos a instrugao de desestruturagao, as variaveis prim, seg e ter 
possuem, respetivamente, os valores 1, 2 e 3. Se estivermos interessados em obter apenas 
o valor presente numa das posigoes do array, entao temos de recorrer a virgulas ate 
chegarmos a posigao desejada. O exemplo seguinte mostra como podemos inicializar 
uma variavel com o elemento presente na segunda posigao do array. 

let [,x] = arr; // x contem valor 2 

As operagoes de desestruturagao tambem podem ser aplicadas a arrays 
compostos por outros arrays: 

let outros = [1, 2, [3,4]],- 

let [a,b, [c,d]] = outros,- 

Neste caso, as variaveis a, b, c e d sao inicializadas com os valores 1, 2, 3 e 4. 
Nesta altura, o leitor podera estar a interrogar-se acerca da possibilidade de efetuar a 
desestruturagao de objetos com propriedades que referenciam arrays. E, como seria de 
esperar, essas operagoes tambem sao suportadas. O excerto seguinte apresenta um 
exemplo pratico: 

let aluno = { nome: "Luis", 

disciplinas: [ "Ingles", "Matematica"]}; 
let { nome, disciplinas } = aluno; 

Neste caso, terminamos com duas variaveis, designadas por nome e por 
disciplinas. Note-se que a variavel disciplinas nao possui uma copia do array 
alunos.disciplinas, mas sim uma referenda para esse array. Como e evidente, 
poderiamos ter terminado apenas com as variaveis que referenciam os valores mantidos 
no array : 

let {nome, disciplinas: [prim, seg] } = aluno,- 
//nome === "Luis" 
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//prim === "Ingles" 

//seg === "Matematica" 

As operagbes de desestruturagao tambem podem ser usadas noutros cenarios 
mais exoticos. For exemplo, podemos usa-las para trocar rapidamente os valores de duas 
variaveis: 

let x = 1, y = 2; 

[x,y] = [y,x] ; 

As operates de desestruturagao tambem sao muito uteis quando criamos 
fungoes que necessitam de aceder a propriedades de objetos complexos que Ihe sao 
passados. As fungoes que esperam varios parametros opcionais costumam permitir o seu 
agrupamento num unico objeto {tipicamente, designado por options). No interior da 
fungao, uma das primeiras operagoes efetuadas nesses casos passa pela recuperagao dos 
valores passados a fungao. O excerto seguinte ilustra este tipo de cenarios: 

function test(options){ 
options = options j | {},- 
let nome = options.nome, 

idade = options.idade; 

//restante codigo 

} 

test({notne: "Luis", idade: 38}); 

Apesar de simples, o excerto anterior reproduz o aspeto de muitas fungoes 
utilitarias existentes em varias livrarias JavaScript. Com o uso de desestruturagao, 
podemos simplificar o codigo usado nestas situagbes, conforme e possfvel verificar 
atraves do exemplo seguinte: 

function test({nome, idade}) { 

//nome e idade inicializados atraves 
//desestruturacao 

} 

test( { nome: "Luis", idade: 38}); 

Neste exemplo, os parametros nome e idade sao automaticamente inicializados 
atraves de desestruturagao com os valores das propriedades nome e idade do objeto 
passado aquando da invocagao da fungao. Se nao passassemos um dos valores, o 
parametro correspondente seria inicializado com o valor undefined. Infelizmente, a 
declaragao do metodo anterior nao suporta todos os cenarios possfveis, ja que a 
desestruturagao de objetos origina um erro em runtime quando e aplicada sobre o valor 


© FCA - Editora de Informatics 





JavaScript 6 


28 

null ou sobre o valor undefined. A solugao para este problema passa pela atribuigao de 
tim valor predefinido ao parametro da fungao: 

function test({nome, idade} = {}){ 

//nome e idade inicializados atraves 
//desestruturacao 

} 

test( ); 

Portanto, a aplicagao de valores predefinidos a parametros que recorrem a 
desestruturacao e recomendada, uma vez que impede a ocorrencia de erros de runtime 
quando passamos null ou undefined. 

Antes de terminar, resta ainda salientar que a desestruturacao tambem pode ser 
usada para inicializar constantes, conforme ilustrado no excerto seguinte: 

let pessoa = { 
nome: "Luis 11 , 
morada : " Funchal 11 

b 

let { nome, morada } = pessoa; 

2.4 TIPO NUMBER 

O ECMAScript 5 removeu o prefixo 0 usado para identificar n timer os octais em 
modo strict (isto e, quando o script e executado de acordo com um conjunto de regras 
mais rigidas). Com esta imposigao, a especificagao tentava evitar alguns erros que 
vitimavam os iniciantes na linguagem: 

//sera modo strict! 

let t = 010; //oops: em decimal, 8 e nao 10 

No excerto anterior, a variave! t e inicializada com o valor 8 (decimal) e nao com 
o valor 10. O uso do prefixo 0 produzia o mesmo resultado quando recorriamos ao 
metodo parseInt, conforme ilustrado no excerto seguinte: 

parseInt ("010" ) //8 1 ! ! (sem modo strict ativo} 

Foi a pensar nestes cenarios que o ECMAScript 5 eliminou esta sintaxe literal 
utilizada na definigao de mimeros octais em modo strict (se tentarmos usar esta sintaxe 
nesse modo, obtemos um erro de sintaxe em runtime). Apesar de ter contribuido para 
eliminar os erros de iniciante, a verdade e que esta alteragao tambem impediu a 
representagao de mimeros octais no codigo em modo strict, ja que a especificagao 
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